<!DOCTYPE html>
<html lang="en">
  <body>
    <style>
      html {
        font: normal normal normal 18px/1.2 "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
        color: #292f33;
      }
      a {
        color: #03739c;
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
      }
      .table-of-contents li {
        display: inline-block;
        *display: inline;
        zoom: 1;
      }
      .table-of-contents li a {
        font-size: 16px;
        color: #999;
      }
      p + p {
        margin: 30px 0 0 0;
      }
      .typeahead,
      .tt-query,
      .tt-hint {
        width: 396px;
        height: 30px;
        padding: 8px 12px;
        font-size: 24px;
        line-height: 30px;
        border: 2px solid #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        outline: none;
      }
      .typeahead:focus {
        border: 2px solid #0097cf;
      }
      .tt-query {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .tt-hint {
        color: #999
      }
      .tt-menu {
        width: 422px;
        margin: 12px 0;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
      }
      .tt-suggestion {
        padding: 3px 20px;
        font-size: 18px;
        line-height: 24px;
      }
      .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
      }
      .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;

      }
      .tt-suggestion p {
        margin: 0;
      }
      #scrollable-dropdown-menu .tt-menu {
        max-height: 150px;
        overflow-y: auto;
      }
      #rtl-support .tt-menu {
        text-align: right;
      }
    </style>
    <div id="app"></div>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.jquery.min.js"></script>
    <script src="js/compiled/app.js"></script>
  </body>
</html>
